<template>
  <div>
    <el-row>
      <el-col>
        <el-button round><i class="el-icon-document"></i>保存</el-button>
        <el-button round><i class="el-icon-refresh"></i>重置</el-button>
      </el-col>
    </el-row>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <i class="el-icon-collection"></i><span>基本信息</span>
      </div>
      <!-- <el-row>
            <el-col :span="12"></el-col>
            <el-col :span="12"></el-col>
        </el-row> -->
      <div class="form">
        <el-row class="elrow">
          <el-col :span="12">
            <label for="id">设备标识</label>
            <el-input name="id" id="id" style="width: 70%" />
          </el-col>
          <el-col :span="12">
            <label for="uid">设备名称</label>
            <el-input name="uid" id="uid" style="width: 70%" />
          </el-col>
        </el-row>
        <el-row class="elrow">
          <el-col :span="12">
            <label for="qqq">设备类型</label>
            <el-select style="width: 70%">
              <el-option value="volvo">Volvo</el-option>
            </el-select>
          </el-col>
          <el-col :span="12">
            <label for="user">所属用户</label>
            <el-select style="width: 70%">
              <el-option value="admin">admin</el-option>
            </el-select>
          </el-col>
        </el-row>
        <el-row class="elrow">
          <el-col :span="12">
            <label for="guest">所属客户</label>
            <el-input name="guest" id="guest" style="width: 70%" />
          </el-col>
          <el-col :span="12">
            <label for="id">设备图片</label>
            <el-upload
              action="https://jsonplaceholder.typicode.com/posts/"
              list-type="picture-card"
              :on-preview="handlePictureCardPreview"
              :on-remove="handleRemove"
            >
              <i class="el-icon-plus"></i>
            </el-upload>
            <el-dialog :visible.sync="dialogVisible">
              <img width="100%" :src="dialogImageUrl" alt="" />
            </el-dialog>
          </el-col>
        </el-row>
      </div>
    </el-card>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <i class="el-icon-collection"></i><span>其他信息</span>
      </div>
      <div class="form">
        <el-row class="elrow">
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5"> 所属项目</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="8">
            <!-- <label for="uid">热效率</label>
            <el-input name="uid" id="uid" style="width: 60%" /> -->
            <el-row type="flex" align="middle">
              <el-col :span="5">热效率</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5">燃料类型</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row class="elrow">
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5"> 锅炉重量</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5">燃料热值</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5">吨汽燃料指标值</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row class="elrow">
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5">吨汽耗水指标值</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5">吨汽燃电指标值</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5">质保到期日期</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row class="elrow">
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5">出厂日期</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5">制造商</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5">类型</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row class="elrow">
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5">品牌</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5">名称</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
          <el-col :span="8">
            <el-row type="flex" align="middle">
              <el-col :span="5">编号</el-col>
              <el-col :span="19">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
        </el-row>
        <el-row class="elrow">
          <el-col :span="24">
            <el-row type="flex" align="middle">
              <el-col :span="1">所属用户</el-col>
              <el-col :span="23">
                <el-input name="id" id="id" style="width: 100%" />
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </div>
    </el-card>
  </div>
</template>

<script>
//新增设备
export default {};
</script>

<style scoped>
.elrow {
  padding-bottom: 12px;
}
</style>